<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="bootcss用妹子UI做">
  <meta name="keywords" content="bootcss,boot,">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Amaze UI Examples</title>
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-Tileam-uor" content="#0e90d2">
  <link rel="stylesheet" href="/Public/css/amazeui.min.css">
  <link rel="stylesheet" href="/Public/css/amazebootcss/app.css">
</head>
<body>
  <header class="am-pagination-centered am-angle-up">
    <p class="am-btn-xl">bootstrap中文网</p>
  </header>
  <main class="am-margin-top-xl">
    <div class="am-containe">
      <div class="zuidakuandu">
        <div class="am-u-sm-12 margin-top-bottom-15 am-u-md-6 am-u-lg-3">
          <div class="am-g am-g-fixed huiborder am-pagination-centered">
            <div class="">
              <a href="#" class="am-article-bd">
                <img src="/Public/images/amazebootcss/codeguide.png" alt="">
              </a>
            </div>
            <div>
              <a href="#">
                <h3 class="am-btn-xl margin-top-15 margin-bottom-0">Bootstrap 编码规范</h3>
                <p class="margin-top-0 margin-bottom-10 huizi">by @mdo</p>
              </a>
            </div>
            <div>
              <p class="margin-bottom-10 font14">Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
            </div>
          </div>
        </div>
        <div class="am-u-sm-12 margin-top-bottom-15 am-u-md-6 am-u-lg-3">
          <div class="am-g am-g-fixed huiborder am-pagination-centered">
            <div class="">
              <a href="#" class="am-article-bd">
                <img src="/Public/images/amazebootcss/jqueryapi.png" alt="">
              </a>
            </div>
            <div>
              <a href="#">
                <h3 class="am-btn-xl margin-top-15 margin-bottom-0">jQuery API </h3>
                <p class="margin-top-0 margin-bottom-10 huizi">中文手册</p>
              </a>
            </div>
            <div>
              <p class="margin-bottom-10 font14">根据最新的 jQuery 1.11.x 和 2.1.x 版本翻译的 jQuery API 中文文档/手册。</p>
            </div>
          </div>
        </div>
        <div class="am-u-sm-12 margin-top-bottom-15 am-u-md-6 am-u-lg-3">
          <div class="am-g am-g-fixed huiborder am-pagination-centered">
            <div class="">
              <a href="#" class="am-article-bd">
                <img src="/Public/images/amazebootcss/w3schools.png" alt="">
              </a>
            </div>
            <div>
              <a href="#">
                <h3 class="am-btn-xl margin-top-15 margin-bottom-0">w3schools</h3>
                <p class="margin-top-0 margin-bottom-10 huizi">原版国内镜像</p>
              </a>
            </div>
            <div>
              <p class="margin-bottom-10 font14">w3schools.com 是最受欢迎的前端技术教程网站，但是国内用户一直不能访问，并且国内的中文翻译版本十分陈旧。因此做了个镜像，希望英文好的同学直接去看原版教程吧！</p>
            </div>
          </div>
        </div>
        <div class="am-u-sm-12 margin-top-bottom-15 am-u-md-6 am-u-lg-3">
          <div class="am-g am-g-fixed huiborder am-pagination-centered">
            <div class="">
              <a href="#" class="am-article-bd">
                <img src="/Public/images/amazebootcss/expo.png" alt="">
              </a>
            </div>
            <div>
              <a href="#">
                <h3 class="am-btn-xl margin-top-15 margin-bottom-0">优站精选</h3>
                <p class="margin-top-0 margin-bottom-10 huizi">Bootstrap网站实例</p>
              </a>
            </div>
            <div>
              <p class="margin-bottom-10 font14">Bootstrap优站精选频道收集了众多基于 Bootstrap 构建、设计精美的、有创意的网站。</p>
            </div>
          </div>
        </div>
        <div class="am-u-sm-12 margin-top-bottom-15 am-u-md-6 am-u-lg-3">
          <div class="am-g am-g-fixed huiborder am-pagination-centered">
            <div class="">
              <a href="#" class="am-article-bd">
                <img src="/Public/images/amazebootcss/gulpjs.png" alt="">
              </a>
            </div>
            <div>
              <a href="#">
                <h3 class="am-btn-xl margin-top-15 margin-bottom-0">gulp.js</h3>
                <p class="margin-top-0 margin-bottom-10 huizi">基于流的自动化构建工具。</p>
              </a>
            </div>
            <div>
              <p class="margin-bottom-10 font14">gulp.js - 基于流(stream)的自动化构建工具。Grunt 采用配置文件的方式执行任务，而 Gulp 一切都通过代码实现。</p>
            </div>
          </div>
        </div>
        <div class="am-u-sm-12 margin-top-bottom-15 am-u-md-6 am-u-lg-3">
          <div class="am-g am-g-fixed huiborder am-pagination-centered">
            <div class="">
              <a href="#" class="am-article-bd">
                <img src="/Public/images/amazebootcss/lesscss.png" alt="">
              </a>
            </div>
            <div>
              <a href="#">
                <h3 class="am-btn-xl margin-top-15 margin-bottom-0">LESS</h3>
                <p class="margin-top-0 margin-bottom-10 huizi">一种动态样式语言</p>
              </a>
            </div>
            <div>
              <p class="margin-bottom-10 font14">LESS为CSS赋予了动态语言的特性，如变量、继承、运算、函数。LESS既可以在客户端上运行 (支持IE 6+、Webkit、Firefox)，也可以借助Node.js或者Rhino在服务端运行。</p>
            </div>
          </div>
        </div>
        <div class="am-u-sm-12 margin-top-bottom-15 am-u-md-6 am-u-lg-3">
          <div class="am-g am-g-fixed huiborder am-pagination-centered">
            <div class="">
              <a href="#" class="am-article-bd">
                <img src="/Public/images/amazebootcss/lodash.png" alt="">
              </a>
            </div>
            <div>
              <a href="#">
                <h3 class="am-btn-xl margin-top-15 margin-bottom-0">Lodash</h3>
                <p class="margin-top-0 margin-bottom-10 huizi">JavaScript 工具库</p>
              </a>
            </div>
            <div>
              <p class="margin-bottom-10 font14">Lodash 是一个具有一致接口、模块化、高性能等特性的 JavaScript 工具库。比相同功能的 Underscore.js 使用更广泛。</p>
            </div>
          </div>
        </div>
        <div class="am-u-sm-12 margin-top-bottom-15 am-u-md-6 am-u-lg-3">
          <div class="am-g am-g-fixed huiborder am-pagination-centered">
            <div class="">
              <a href="#" class="am-article-bd">
                <img src="/Public/images/amazebootcss/opencdn.png" alt="">
              </a>
            </div>
            <div>
              <a href="#">
                <h3 class="am-btn-xl margin-top-15 margin-bottom-0">Open CDN</h3>
                <p class="margin-top-0 margin-bottom-10 huizi">开放CDN服务</p>
              </a>
            </div>
            <div>
              <p class="margin-bottom-10">Bootstrap中文网联合又拍云存储共同推出了开放CDN服务，我们对广泛的前端开源库提供了稳定的存储和带宽的支持，例如Bootstrap、jQuery等。</p>
            </div>
          </div>
        </div>
        <div class="am-u-sm-12 margin-top-bottom-15 am-u-md-6 am-u-lg-3">
          <div class="am-g am-g-fixed huiborder am-pagination-centered">
            <div class="">
              <a href="#" class="am-article-bd">
                <img src="/Public/images/amazebootcss/underscore.png" alt="">
              </a>
            </div>
            <div>
              <a href="#">
                <h3 class="am-btn-xl margin-top-15 margin-bottom-0">Underscore.js</h3>
                <p class="margin-top-0 margin-bottom-10 huizi">JavaScript 工具库</p>
              </a>
            </div>
            <div>
              <p class="margin-bottom-10">Underscore.js是一个 JavaScript 工具库，它提供了一整套函数式编程的实用功能，弥补了 jQuery 没有实现的功能，同时又是 Backbone 必不可少的部分。</p>
            </div>
          </div>
        </div>
        <div class="am-u-sm-12 margin-top-bottom-15 am-u-md-6 am-u-lg-3">
          <div class="am-g am-g-fixed huiborder am-pagination-centered">
            <div class="">
              <a href="#" class="am-article-bd">
                <img src="/Public/images/amazebootcss/buttons.png" alt="">
              </a>
            </div>
            <div>
              <a href="#">
                <h3 class="am-btn-xl margin-top-15 margin-bottom-0">Buttons</h3>
                <p class="margin-top-0 margin-bottom-10 huizi">CSS按钮样式库</p>
              </a>
            </div>
            <div>
              <p class="margin-bottom-10">Buttons 是一个基于 Sass 和 Compass 构建的CSS按钮（button）样式库，图标采用的是<a href="#">Font Awesome</a>，可以和Bootstrap融合使用。</p>
            </div>
          </div>
        </div>
        <div class="am-u-sm-12 margin-top-bottom-15 am-u-md-6 am-u-lg-3">
          <div class="am-g am-g-fixed huiborder am-pagination-centered">
            <div class="">
              <a href="#" class="am-article-bd">
                <img src="/Public/images/amazebootcss/stickup.png" alt="">
              </a>
            </div>
            <div>
              <a href="#">
                <h3 class="am-btn-xl margin-top-15 margin-bottom-0">stickUp</h3>
                <p class="margin-top-0 margin-bottom-10 huizi">让页面元素“固定”位置</p>
              </a>
            </div>
            <div>
              <p class="margin-bottom-10">stickUp能让页面目标元素“固定”在浏览器窗口的顶部，即便页面在滚动，目标元素仍然能出现在设定的位置。</p>
            </div>
          </div>
        </div>
        <div class="am-u-sm-12 margin-top-bottom-15 am-u-md-6 am-u-lg-3">
          <div class="am-g am-g-fixed huiborder am-pagination-centered">
            <div class="">
              <a href="#" class="am-article-bd">
                <img src="/Public/images/amazebootcss/responsive-nav.js.png" alt="">
              </a>
            </div>
            <div>
              <a href="#">
                <h3 class="am-btn-xl margin-top-15 margin-bottom-0">Responsive Nav</h3>
                <p class="margin-top-0 margin-bottom-10 huizi">响应式导航</p>
              </a>
            </div>
            <div>
              <p class="margin-bottom-10">响应式导航（Responsive Nav）是一个很小的JS插件，压缩之后仅有1.7KB，能帮你创建针对小屏幕的可切换式导航</p>
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
  </main>
  <footer>
    <div class=" am-container">
      <div class="">
        <div class="am-u-md-6 am-u-lg-6">
          <h4>
            <img src="http://static.bootcss.com/www/assets/img/logo.png">
          </h4>
          <p class="huizi font14">本网站所列开源项目的中文版文档全部由<a href="#" class="huizi">Bootstrap中文网</a>成员翻译整理，并全部遵循 <a href="#" class="huizi">CC BY 3.0</a>协议发布。</p>
        </div>
        <div class="am-u-md-6  am-u-lg-5 am-u-lg-offset-1">
          <div class="">
            <div class="am-u-sm-3">
              <h4 class="zizi">关于</h4>
              <ul class="list-unstyled">
                <li><a href="#" class="huizi font14">关于我们</a></li>
                <li><a href="#" class="huizi font14">广告合作</a></li>
                <li><a href="#" class="huizi font14">友情链接</a></li>
                <li><a href="#" class="huizi font14">招聘</a></li>
              </ul>
            </div>
            <div class="am-u-sm-3">
              <h4 class="zizi">联系方式</h4>
              <ul class="">
                <li><a href="#" class="huizi font14">新浪微博</a></li>
                <li><a href="#" class="huizi font14">电子邮件</a></li>
              </ul>
            </div>
            <div class="am-u-sm-3">
              <h4 class="zizi">旗下网站</h4>
              <ul class="">
                <li><a href="#" class="huizi font14">Laravel中文网</a></li>
                <li><a href="#" class="huizi font14">Ghost中国</a></li>
              </ul>
            </div>
            <div class="am-u-sm-3">
              <h4 class="zizi">赞助商</h4>
              <ul class="">
                <li><a href="#" class="huizi font14">UCloud</a></li>
                <li><a href="#" class="huizi font14">又拍云</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
      </div>
      <hr/>
      <div class="">
        <ul class="pull-right">
          <li class="pull-left font12"><a href="#" class="font12 huizi beian">京ICP备11008151号</a></li>
          <li class="font12 huizi pull-left">京公网安备11010802014853</li>
        </ul>
      </div>
    </div>
  </footer>
  <script src="/Public/js/jquery.min.js"></script>
  <script src="/Public/js/amazeui.min.js"></script>
</body>
</html>